<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>homework2</title>
    <style>
        *{margin:0;padding:0}
        body{
            background-color: aliceblue;
        }
     .head{
         text-align: center;
        line-height: 60px;
        background-color:lightcyan;
        color:#333;
     }
     .content{
         width: 400px;
         height: 600px;
         margin-left: auto;
         margin-right: auto;
         padding: 10px;
         border:1px solid silver;
         background-image: url(images/timg2.jpg);
     }
     .serch{
          width: 280px;
          height: 30px;
     }
     .bu{
         width: 100px;
         height: 34px;
         background-color:aquamarine;
         border: 1px solid springgreen;
     }
     .ab{
         color: deepskyblue;
         margin-top: 20px;
         padding-left: 30px;
     }
     .imges1{
         width: 400px;
         margin-top: 10px;
         margin-bottom: 10px;
     }
     p{
         color: #333;
         padding: 10px;
     }
     a{
         color: blue;
     }
    </style>
</head>
<body>
    <h3 class="head">个人网站</h3>
    <div class="content">
      <input type="text" class="serch">
      <button class="bu">百度一下</button>
      <h3 class="ab">| About Us |</h3>
       <img src="images/timg1.jpg" alt class="imges1">
       <p>关于单纯的信任</p>
       <p>关于拥抱的心疼</p>
       <p>关于青春 那件傻事的余震</p>
       <p>就用这一首歌来作证</p>
       <p>2015年 周笔畅 反思青春 温情解读关于（我们）</p>
       <a href="https://www.baidu.com/">去百度</a>
       <a href="https://www.taobao.com/">去淘宝</a>
    </div>
</body>
</html>